<template>
    <div class="popover">
      <div>
        <ul>
          <li v-for="data in datas">
            {{data.value}}
          </li>
        </ul>
      </div>
      <div class="bt">
        <el-button type="primary" size="mini" @click="close">收起</el-button>
      </div>
    </div>
</template>
<script>
    export default {
        name: 'popover',
        data() {
          return{

          }
        },
        props: {
          datas: {
            type: Array || []
          }
        },
        methods: {
          close() {
            this.$emit('close')
          }
        }
    }
</script>
<style scoped lang="stylus">
.popover
  width:100%;
  padding:16px 5px;
  background:#fff;
  .bt
    margin-top:16px;
    text-align:center;
  ul
    li
      padding:5px;
      font-size:13px;
      color:rgba(74,74,74,1);
</style>
